<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>首页</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" type="text/css" href="css/index.css">
     <link rel="stylesheet" type="text/css" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">  <!-- Google web font "Open Sans" -->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!--    <link rel="stylesheet" href="../css/demo.css" />-->
    <link rel="stylesheet" href="css/templatemo-style.css">
    <script type="text/javascript" src="js/modernizr.custom.86080.js"></script>
</head>
<body>
<!-- <script type="text/javascript" color="255,0,0" opacity='0.7' zIndex="-2" count="200" src="./js/canvas-nest.js"></script> -->

<ul class="cb-slideshow">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
<div class="container-fluid">
    <div id="particles-js"></div>
    <div class="row cb-slideshow-text-container ">
        <div class= "tm-content col-xl-6 col-sm-8 col-xs-8 ml-auto section">
            <div class="container" >
                <div class="container-fluid top">
<nav class="navbar navbar-inverse navbar-fixed-top " role="navigation top">
    <!-- banner begin -->
    <div class="container-fluid top">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
        <span class="sr-only">切换导航</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      </button>
      <h1>Vote System Mobile <span class="label label-warning">BlockChain</span></h1>
    </div>
    <div class="collapse navbar-collapse" id="navbar-menu">
      <ul class="nav navbar-nav navbar-right ">
      <li id="click"><a id="login" href="./views/login.html" class="glyphicon glyphicon-user"  ></a></li>
      <li id="click"><a href="#" class="glyphicon glyphicon-refresh"  ></a></li>
      </ul>
    </nav>
    <!-- banner end -->

<div class="box" >
    <h1 style="color: #000000">&nbsp;Home Page</h1>

<div class="panel panel-warning  ">

    <div class="panel-heading"  style="color: #575757" >
        <h2>
            The Vote System base on the Blockchain
        </h2>
    </div>
    <div class="panel-body" >
       <div >
           <h4 class="lead">Check the list you wanna vote,ensure you will choose the<mark> right person.</mark></h4>
       <hr/>
    <table class="table table-bordered list" id="ballot_tb">
        <thead>
        <tr >
            <th>Theme</th>
            <th>Publisher</th>
            <th>Winner</th>
            <th>Operation</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <a class="btn vote" href="./addBallot.html"><button type="button" class="btn btn-success btn-lg">New Vote</button></a>
</div>
    </div>
</div>
    <h3><p id="accountAddress" class="test-center" style="color: #000000"></p></h3>

</div>
                    <br>
                    <h4 class="footer">Copyright©Mobile Develop of Tuesday morning @Group15</h4>
                </div></div></div></div></div></div>

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/web3.min.js"></script>
<script src="js/truffle-contract.js"></script>

<script>
    $(function() {
        App.initIndex();
        App.initVote();
    });
</script>
</body>
<script src="js/app.js"></script>
<script type="text/javascript" src="js/particles.js"></script>
</html>
<style> .test-center {
    text-align: center;
}
.white{
    color: #ffffff;
}
.main{
    position: relative;

    left: 250px;
}


</style>